<template>
	<view class="head">
		<view v-if="status" class="head-icon" style="margin-left: 38rpx;">
			<text  @tap="handleToBack" class="iconfont iconzuojiantou-copy"></text> | <text @tap="handleToHome" class="iconfont iconshouye"></text>
		</view>
		<view class="head-img">
			<image  src="../../static/wangyiyunyinyue.png" mode="" style="margin-top: 10rpx; width: 120rpx;height: 100rpx;"></image>

		</view>
	</view>
</template>

<script>
	// import '../../common/iconfont.css'
	export default {
		data() {
			return {
				
			};
		},
		props : ['status'],
		methods : {
			handleToBack(){
				uni.navigateBack();
			},
			handleToHome(){
				uni.navigateTo({
					url: '/pages/index/index'
				});
			}
		}
	}
</script>

<style>
.head{  
	background-color: #67b3a6;
	width: 750rpx;
 height:115rpx;
  line-height: 80px; 
  font-size:16px;
   color:black; 
   overflow: hidden; 
   position: relative;
   }
.head-icon{
	width:97px;
 height:31px;
  background:rgba(0,0,0,0.4);
  border-radius: 20px;
   position: absolute;
	left:10px;
   top:10rpx; 
   line-height: 31px; 
   display: flex; 
   justify-content: space-evenly;
	color:white;
	}

.head-img{
	margin-left: 60rpx;
	width: 200rpx;
height: 150rpx; position: relative;
left: 140px;
top:0px; display: flex;
border-radius: 10px;
}
.head-img image{ 
	
	width:100%;
 height:100%;
 }
.head-img text{ 
	position: absolute; font-size:26rpx;
 color:blue;
  right:40rpx; top:12rpx;
  }
  
  
  /* .head .head-icon {
  		display: none;
  	} */
</style>